<template>
    <div class="score2-layer">
			<transition name="toShowDetail">
				<div class="content-pop-wrap abs">
					<div class="content-pop-detail abs">
						<div class="content-pop-title">
							<h2>条款要求</h2>
							<div class="close-icon abs" @click="showLayer(false)">
								<span class="close-icon-1 abs"></span>
								<span class="close-icon-2 abs"></span>
								<span class="close-icon-bg abs"></span>
							</div>
						</div>
						<div class="detail-text overflow-x-hidden">
							<h3>【条款要求】</h3>
							<p>逆行胰胆管造影（ERCP）或经皮胆管造影（PTC）检查证实</p>
							<!--<h4>点评：</h4>-->
							<!--<p>逆行胰胆管造影（ERCP）或经皮胆管造影（PTC）检查都属于创伤性检查， 而ERCP对医生技术水平及医院级别要求高，不是所有医院都能提供该项检查，PTC检查成功率也只能达到50%，而且并发症较多，目前超声检查对原发性硬化性胆管炎患者在诊断上有较大帮助，所以诊断原发性硬化性胆管炎不是必需通过这两项检查才能确诊，如果要求这两项检查证实原发性硬化性胆管炎，理赔难度大大增加</p>-->
							<h3>【条款要求】</h3>
							<p>血清ANCA：阳性</p>
							<!--<h4>点评：</h4>-->
							<!--<p>ANCA抗体是测定原发性胆管炎的一个指标，但检出率只能达到80%，还有20%患者检测结果为阴性，这就说明原发性硬化性胆管炎患者必须检测出血清ANCA抗体阳性才能理赔，否则不赔</p>-->

						</div>
					</div>
				</div>
			</transition>
			<transition name="toShowDetailBg">
				<div class="content-pop-wrap-black abs">
				</div>
			</transition>
		</div>
</template>

<script>
	import axios from 'axios'
	export default{
		name:'score2-layer',
		props:['showLayer'],
		data () {
			return{
				innerData:{}
			}
		},
		created () {
			axios.get('/api/item')
				.then(response => {
					const result = response.data
					if(result.code === 0){
					    this.innerData = result.data[1]
							console.log(this.innerData)
					}
				})
		},
		methods:{
			//查看点评内容
			toSeeEvaluation:function(){
				// 判断是否有customerId
				let customerId=this.$util.getCustomerId();
				if(!customerId){
					return;
				}
				this.$util.ajax('/evaluation/seeEvaluation','post',{
					customerId: customerId,
					insuranceId: id
				}).then(function(res){
					console.log(res);
					if(res.code=='100000'){

					}
				});
			}
		}
	}
</script>

<style scoped>
	/*弹层部分*/
	.content-pop-wrap{
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 100;
		margin: 1rem auto;
	}
	.content-pop-wrap-black{
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-color: rgba(0, 0, 0, .65);
		z-index: 50;
	}
	.content-pop-detail{
		width: 6.29rem;
		min-height: 6rem;
		max-height: 9rem;
		background-color: #284473;
		border-radius: 0.1rem;
		z-index: 200;
		text-align: center;
		margin:0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/*关闭按钮*/
	.close-icon{
		width: 0.3rem;
		height: 0.3rem;
		padding: 0.2rem;
		top: 0;
		right: 0;
		text-align: center;
	}
	.close-icon-1{
		width: 0.2rem;
		border: 0.01rem solid #fff;
		transform: rotate(45deg);
		z-index: 400;
		top: 0.34rem;
		right: 0.24rem;
	}
	.close-icon-2{
		width: 0.2rem;
		border: 0.01rem solid #fff;
		transform: rotate(-45deg);
		z-index: 400;
		top: 0.34rem;
		right: 0.24rem;
	}
	.content-pop-detail .close-icon-bg{
		width: 0.3rem;
		height: 0.3rem;
		right: .2rem;
		background-color: rgba(0, 0, 0, .4);
		border-radius: 50%;
		z-index: 300;
	}
	.content-pop-title{
		border-radius: 0.1rem;
		width: 6.29rem;
		height: 0.8rem;
		background-color: #284473;
	}
	.content-pop-detail h2{
		margin: 0;
		font-size: 0.3rem;
		color: #7efd95;
		line-height: 0.8rem;
		border-bottom: 0.01rem solid;
		font-weight: 400;
	}
	.content-pop-detail .detail-text{
		width: 100%;
		font-size: 0.24rem;
		max-height: 8.2rem;
		padding: 0.4rem 0.37rem 0.6rem 0.37rem;
		text-align: left;
		box-sizing: border-box;
	}
	.content-pop-detail .detail-text h3{
		margin: 0;
		font-size: 0.24rem;
		color: #7efd95;
		font-weight: 400;
		line-height: 0.42rem;
		margin-left: -0.12rem;
	}
	.content-pop-detail .detail-text h4{
		margin: 0;
		font-size: 0.24rem;
		color: #7efd95;
		font-weight: 400;
		line-height: 0.42rem;
	}
	.content-pop-detail .detail-text p{
		margin: 0;
		color: #fcfcfc;
		font-weight: 400;
		line-height: 0.38rem;
	}
	/*弹层动画效果*/
	.toShowDetailBg-enter-active, .toShowDetailBg-leave-active{
		transition:opacity .1s linear;
	}
	.toShowDetailBg-enter, .toShowDetailBg-leave-to{
		opacity: 0;
	}
	.toShowDetail-enter-active, .toShowDetail-leave-active{
		transition:opacity .1s linear;
	}
	.toShowDetail-enter, .toShowDetail-leave-to{
		opacity: 0;
	}
	/*只在疾病内容页面中显示-结束*/

</style>
